<% title @strategy.name %>
<div class="gridRowSpaceBetween">
  <%= react_component('StoryDate', props: {
    date: TimeAgo.created_or_edited(@strategy)
  }) %>
  <% if !@strategy.published? %>
    <%= react_component('StoryDraft', props: {
      draft: !@strategy.published? ?  t('draft') : nil
    }) %>
  <% end %>
</div>
<div class="smallMarginTop">
  <%= react_component('StoryCategories', props: {
    categories: @strategy.category_names_and_slugs
  }) %>
</div>

<% if @strategy.description.present? %>
  <div class="smallMarginTop imageContainer">
    <%= sanitize(@strategy.description) %>
  </div>
<% end %>

<% if @strategy.user_id == current_user.id %>
  <div class="gridItemBoxDark smallMarginTop">
    <div class="gridRowSpaceBetween">
      <div class="gridRowSpaceBetween">
        <div class="smallMarginRight tinyTitle"><%= t('common.actions.plural') %></div>
        <%= react_component('StoryActions', props: element_visibility_based_props(@strategy)) %>
      </div>
      <%= print_reminders(@strategy) %>
    </div>
  </div>
<% end %>

<% if @strategy.published? && @strategy.comment %>
  <%= render partial: '/shared/comments', locals: { commentable: @strategy } %>
<% end %>

<%= render partial: '/tag_usage/index' %>
